Skip to content

Start building your next app or website — with AI, right in your browser.

Visit devdojo.com
Docs
Publishing & Community

Designs 03 / 03

Publishing & Community

Every design gets a public URL automatically, stays current as you build, and can be reused, remixed, and inserted into Sites through the Library.

Designs are public by default. The moment there's something on the canvas, your design has a live URL — and it keeps up with your edits on its own. The Library is where published designs live, get discovered, get remixed, and get inserted into Sites.

Your design's public link

Every design is served at:

https://devdojo.com/design/{slug}

You don't have to publish it. The first thing you build goes live on its own, and every edit after that — an AI turn, a hand edit, a restored version — reaches the link a few seconds later. Nothing to remember, nothing to press.

The Share button in the Designer gives you that URL with a Copy button, View live ↗, and Update now if you'd rather not wait the few seconds.

The live page is a snapshot, not a live render of your canvas — it's cut fresh after each edit rather than assembled per visitor. That's what makes it fast, and it's the copy Remix clones, so a half-finished experiment can never be what someone else forks mid-keystroke.

Want a design kept private? Not yet — that's coming as a Pro option. For now every design you make is reachable at its link by anyone who has it. It isn't listed anywhere public until you submit it to Community, but treat the URL as shareable.

Built, not compiled in the browser

A published design ships a real, minified stylesheet built ahead of time — not the Tailwind browser compiler. That's a few KB of CSS instead of ~70KB of blocking JavaScript, and the page arrives styled rather than painting bare markup first and catching up a moment later.

The workspace canvas is the deliberate exception: it keeps the browser compiler so a class you (or the assistant) typed a second ago styles itself instantly, with no build step in between.

Three URLs, three audiences. The workspace preview iframe is yours alone; /design/preview/{slug} is your own always-current draft in a full tab, and only you can open it; /design/{slug} is the public page. The draft tab builds its CSS exactly the way publishing does, so it's a rehearsal of the real thing rather than an approximation.

The Library

Library at /dashboard/designs lists published designs across DevDojo, newest first, 24 per page. Category pills filter the grid, and each card renders the actual frozen page as its thumbnail along with the publish time and a Remix button.

You'll also find the official DevDojo Blocks collection in the Library — curated sections and components published by the DevDojo account, marked with a black DevDojo badge. They're remixable like anything else.

Reusing and remixing

From a Site's Add section popup, a published design is vendored into the Site as owned code — copied in exactly as designed, no separate contract to satisfy. If you built it with the platform's semantic utility classes (bg-background, text-primary, …), it automatically renders in whatever values the host Site's own design tokens define, through ordinary CSS — the palette used while designing it isn't copied along. A design authored with raw hex values keeps its exact colors and typography wherever it lands.

Remix is how designs travel. Click Remix on any community card to clone that design's published snapshot into a brand-new design in your account and land straight in the workspace — the original stays untouched, and the owner's private draft is never exposed. The copy remembers where it came from, and from there it's fully yours: iterate with the AI, restyle it, publish your own version.

Exporting a design

Published or not, a design can leave DevDojo whenever you want:

  • Download ZIP (workspace menu → Export, or the card menu in My Designs) produces a small static project — index.html, js/script.js, a README.md, and either a css/style.css (Tailwind off) or the Tailwind setup inlined (Tailwind on). Unzip and open it anywhere; no build step required.
  • Copy the code straight from the HTML/CSS/JS editors.
  • Duplicate Design makes a full private copy ("Copy of …") inside your account — handy for trying a risky direction without touching the original.

Where to go next

  • The Designer — everything about the workspace you'll be remixing in.
  • Designs Overview — what designs are and how the library is organized.
© 2026 DevDojo Edit this page